<!DOCTYPE html>
<html>
<head>
<script type="text/javascript" src="jquery-1.5.1.js" ></script>
<script type="text/javascript" src="jquery-ui-1.8.11.custom.min.js" ></script>
<script type="text/javascript" src="engine.js"></script>
<script src="underscore.js"></script>
<script src="gaga.js"></script>

<meta charset="UTF-8">
<title>Texas Hold'em</title>
<link rel="stylesheet" type="text/css" href="poker.css" media="screen" />

</head>

<body onload="javascript:init();">

<div id="header"><br>
<h1><a href="#">Texas Hold'em</a></h1>
<h2>Meeli Pällin, Astrid Maasen, Anti Alman</h2>
</div>


<div class="left"><img src="pics/m2ngijatega_2.png">



<div id="player1" class="player">
		<div id="name1" class="name"></div>
		<div id="stack1" class="stack"></div>
		<div id="cardA1" class="cardtopA1"><img id="cardA1_img" src="" width="100%" height="100%"></div>
		<div id="cardB1" class="cardtopB1"><img id="cardB1_img" src=" " width="100%" height="100%"></div>
		<div id="blind1" class="blindtop"><img id="blind1_img" src="" width="100%" height="100%"></div>
		<div id="chip1" class="chiptop"><img id="chip1_img" src=" " width="100%" height="100%"></div>		
		<div id="bet1" class="bettop"></div>
		
		
</div>

<div id="player2" class="player">
		<div id="name2" class="name"></div>
		<div id="stack2" class="stack"></div>
		<div id="cardA2" class="cardtopA2"><img id="cardA2_img" src=" " width="100%" height="100%"></div>
		<div id="cardB2" class="cardtopB2"><img id="cardB2_img" src=" " width="100%" height="100%"></div>
		<div id="blind2" class="blindtop"><img  id="blind2_img" src="" width="100%" height="100%"></div>
		<div id="chip2" class="chiptop"><img id="chip2_img" src=" " width="100%" height="100%"></div>
		<div id="bet2" class="bettop"></div>
		
		
</div>

<div id="player3" class="player">
		<div id="name3" class="name"></div>
		<div id="stack3" class="stack"></div>
		<div id="cardA3" class="cardtopA3"><img id="cardA3_img" src=" " width="100%" height="100%"></div>
		<div id="cardB3" class="cardtopB3"><img id="cardB3_img" src=" " width="100%" height="100%"></div>
		<div id="blind3" class="blindtop"><img  id="blind3_img" src="" width="100%" height="100%"></div>
		<div id="chip3" class="chiptop"><img id="chip3_img" src=" " width="100%" height="100%"></div>
		<div id="bet3" class="bettop"></div>
		
		
</div>

<div id="player4" class="player">
		<div id="name4" class="name"></div>
		<div id="stack4" class="stack"></div>
		<div id="cardA4" class="cardrightA4"><img id="cardA4_img" src=" " width="100%" height="100%"></div>
		<div id="cardB4" class="cardrightB4"><img id="cardB4_img" src=" " width="100%" height="100%"></div>
		<div id="blind4" class="blindright"><img  id="blind4_img" src="" width="100%" height="100%"></div>
		<div id="chip4" class="chipright"><img id="chip4_img" src=" " width="100%" height="100%"></div>
		<div id="bet4" class="betright"></div>
		

</div>

<div id="player5" class="player">
		<div id="name5" class="name"></div>
		<div id="stack5" class="stack"></div>
		<div id="cardA5" class="cardrightA5"><img id="cardA5_img" src=" " width="100%" height="100%"></div>
		<div id="cardB5" class="cardrightB5"><img id="cardB5_img" src=" " width="100%" height="100%"></div>
		<div id="blind5" class="blindright"><img  id="blind5_img" src="" width="100%" height="100%"></div>
		<div id="chip5" class="chipright"><img id="chip5_img" src=" " width="100%" height="100%"></div>
		<div id="bet5" class="betright"></div>
		
		
</div>

<div id="player6" class="player">
		<div id="name6" class="name"></div>
		<div id="stack6" class="stack"></div>
		<div id="cardA6" class="cardbottomA6"><img id="cardA6_img" src=" " width="100%" height="100%"></div>
		<div id="cardB6" class="cardbottomB6"><img id="cardB6_img" src=" " width="100%" height="100%"></div>
		<div id="blind6" class="blindbottom"><img  id="blind6_img" src="" width="100%" height="100%"></div>
		<div id="chip6" class="chipbottom"><img id="chip6_img" src=" " width="100%" height="100%"></div>
		<div id="bet6" class="betbottom"></div>
		
		
		
</div>

<div id="player7" class="player">
		<div id="name7" class="name"></div>
		<div id="stack7" class="stack"></div>
		<div id="cardA7" class="cardbottomA7"><img id="cardA7_img" src=" " width="100%" height="100%"></div>
		<div id="cardB7" class="cardbottomB7"><img id="cardB7_img" src=" " width="100%" height="100%"></div>
		<div id="blind7" class="blindbottom"><img  id="blind7_img" src="" width="100%" height="100%"></div>
		<div id="chip7" class="chipbottom"><img id="chip7_img" src=" " width="100%" height="100%"></div>
		<div id="bet7" class="betbottom"></div>
		
		
</div>

<div id="player8" class="player">
		<div id="name8" class="name"></div>
		<div id="stack8" class="stack"></div>
		<div id="cardA8" class="cardbottomA8"><img id="cardA8_img" src=" " width="100%" height="100%"></div>
		<div id="cardB8" class="cardbottomB8"><img id="cardB8_img" src=" " width="100%" height="100%"></div>
		<div id="blind8" class="blindbottom"><img  id="blind8_img" src="" width="100%" height="100%"></div>
		<div id="chip8" class="chipbottom"><img id="chip8_img" src=" " width="100%" height="100%"></div>
		<div id="bet8" class="betbottom"></div>
		
		
</div>

<div id="player9" class="player">
		<div id="name9" class="name"></div>
		<div id="stack9" class="stack"></div>
		<div id="cardA9" class="cardleftA9"><img id="cardA9_img" src=" " width="100%" height="100%"></div>
		<div id="cardB9" class="cardleftB9"><img id="cardB9_img" src=" " width="100%" height="100%"></div>
		<div id="blind9" class="blindleft"><img  id="blind9_img" src="" width="100%" height="100%"></div>
		<div id="chip9" class="chipleft"><img id="chip9_img" src=" " width="100%" height="100%"></div>
		<div id="bet9" class="betleft"></div>
		
		
</div>

<div id="player10" class="player">
		<div id="name10" class="name"></div>
		<div id="stack10" class="stack"></div>
		<div id="cardA10" class="cardleftA10"><img id="cardA10_img" src=" " width="100%" height="100%"></div>
		<div id="cardB10" class="cardleftB10"><img id="cardB10_img" src=" " width="100%" height="100%"></div>
		<div id="blind10" class="blindleft"><img  id="blind10_img" src="" width="100%" height="100%"></div>
		<div id="chip10" class="chipleft"><img id="chip10_img" src=" " width="100%" height="100%"></div>
		<div id="bet10" class="betleft"></div>
		
		
</div>

<div id="card1"><img id="cardimg1" src="" width="55" height="73"></div>
<div id="card2"><img id="cardimg2" src="" width="55" height="73"></div>
<div id="card3"><img id="cardimg3" src="" width="55" height="73"></div>
<div id="card4"><img id="cardimg4" src="" width="55" height="73"></div>
<div id="card5"><img id="cardimg5" src="" width="55" height="73"></div>
<!---->


<div id="pot"><img id="pokerpot" src="pics/pokerpot.png" width=100% height= 100%>
<!--		<div class="potname" >Pot</div>-->
		<div id="potsize" class="potsize">Potsize</div>

</div>

</div>

<div class="right">

	<center><b>CHAT/LOG</b></center><br>
		<textarea id="logTextBox" rows="5" cols="20" ></textarea>
		<form>
        <input class="textbox" type='text' id='chat_input'>
        <input type='button' onclick="chat()" value='Send'/>
        </form>

		<button id="new"><b>New Game</b></button><button id="leave"><b>Leave</b></button>
		<button id="call"><b>Call</b></button><button id="bet"><b>Raise</b></button>
		<button id="check"><b>Check</b></button><button id="fold"><b>Fold</b></button>
				
		<div id=cardAbig><img id="cardA" src="pics/cards/taga.png"></div>
		<div id=cardBbig><img id="cardB" src="pics/cards/taga.png"></div>
	

</div>



</body>
</html>